<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

</head>

<body>
    <ul>
        <li>jQuery控制js文件延迟加载$(document).ready(function(){})===$(function(){})
            <ol>
                <h2>jQuery的$(function)与window.onload有啥区别</h2>
                <li>比window,onload加载速度快window.onload在DOM渲染完成（页面内容，样式，结构）$(function(){})页面的结构加载完成（标签加载完成）</li>
                <li>
                    window.onload一个脚本只能出现一次，页面不会重载，后面的会覆盖掉前面，$(function)一段脚本可以出现多个，实现重载，为什么？因为window.onload是事件属性，$(function(){})是方法
                </li>
                <li>
                    $(function(){})底层实现是依靠什么实现的 DOMContentLoaded实现的该方法；
                </li>
            </ol>
            <img src="img/star.png" alt="">
            <div id="title">123</div>
        </li>

    </ul>

    <input type="text">
    <input type="submit">
    <input type="checkbox">

    <img src="xxxxx.jpg" alt="">

    <script src="../jQuery库/jquery-3.1.0.js"></script>
    <script>
    </script>
</body>

</html>